/*****************************************
reset.css
******************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {    margin: 0;    padding: 0;}
b, strong, q { font-weight:bold}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {     display:block;}
table {    border-collapse: separate;    border-spacing: 0;}
caption, th, td {    text-align: left;    font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {    content: "";}
blockquote, q {    quotes: "" "";}
sup{    vertical-align: super;    font-size:smaller;}
a img{   border: none;}
ol, ul { padding: 10px 0 20px;  margin: 0 0 0 35px; }
ol li { list-style-type: decimal;  padding:0 0 5px; }
ul li { list-style-type: square;  padding: 0 0 5px; }
ul ul, ol ol { padding: 0; }
h1, h2, h3, h4, h5, h6 {  font-family: 'Open Sans', sans-serif;  font-weight: bold; line-height: 1.25;  margin: 0 0 10px;  }
h1, h2 {  font-size: 30px;  }
h3 {  font-size: 24px;  }
h4 {  font-size: 20px;  }
h5 {  font-size: 18px;  }
h6 {  font-size: 16px;  }
/***************************************
Global Links CSS
****************************************/
::-moz-selection { background: #ffff00; color: #e15100; text-shadow: none; }
::selection { background: #ffff00; color: #e15100; text-shadow: none; }
a {  color: #003366;  text-decoration: none;  transition: color .15s linear;  -webkit-transition: color .15s linear;  -moz-transition: color .15s linear;  }
a:hover {  color: #e15100;  text-decoration:none; }
body{  background: #FFF;  color: #3e3e3e;  font-family: "open sans", sans-serif;  font-size: 18px;  line-height: 1.5;  }
.clr { clear:both; float:none; }
/*****************************************
Wrappers
******************************************/
.blogouter-wrapper { overflow: hidden;  position: relative;  width: 100%;  }
.header-wrapper {  position: relative;  z-index: 999;  margin: 0;  }
.ct-wrapper {    padding: 0 20px;    position:relative;    max-width: 1100px;    margin: 0 auto;  }
.outer-wrapper{  position: relative;  }
.main-wrapper {  width:auto;  margin-right:360px; }
#content {  float: left;  position: relative;  width: 100%;  }
.sidebar-wrapper {  width: 320px;  position:absolute;  right:0px;  border-left:1px #e15100 dotted; padding: 20px 0 0 0;  }
/*****************************************
Header CSS
******************************************/
#header{  display: block;  margin: 0;  max-width: 400px;  min-width: 260px;  overflow: hidden;  padding: 0;  width: auto;  z-index: 999;  float: left;  }
#header-inner{  padding: 15px 0 10px;  }
#header span.title, #header span.title a {  color: #000000;  font-family: open sans;  font-size: 30px;  font-weight: bold;  margin: 0;  text-transform: uppercase;  line-height: 1;  }
#header p.description{  display: none;  color: #fff;  font-family: Georgia, Times, 'Times New Roman', serif;  font-size: 14px;  font-style: italic;  }
#header img{ border:0 none; background:none; width:auto; height:auto; margin:0 auto;}
/*****************************************
Main Menu CSS
******************************************/
.main-nav-main{  position: relative;  width: auto;  z-index: 1000;  float: right;  }
.main-nav-main ul {  width: 100%;  padding: 0;  margin: 0;  text-align: right;  }
.main-nav-main li{  list-style-type: none;  display: inline-block;  padding: 0;  }
.main-nav-main li a{  color: #333333;  display: inline-block;  font-size: 13px;  font-style: normal !important;  font-weight: bold;  letter-spacing: 2px;  padding: 20px;  text-decoration: none;  text-transform: uppercase;  }
.main-nav-main ul li a:hover, .main-nav-main ul li a:active {  text-decoration: none;  color: #003366;  }
/*****************************************
Blog Post CSS
******************************************/
.post {  padding: 30px 0;  display: inline-block;  width: 100%;  border-bottom: 1px solid #e15100;  }
h1.post-title {  color: #000000;  font-size: 24px;  font-family: "open sans", sans-serif;  font-weight: bold;  line-height: 1.3em;  margin-bottom: 5px;  }
h1.post-title, h1.post-title a:link, h1.post-title a:visited {  color: #036;  text-decoration:none;  }
h1.post-title a:hover {  color: #e15100;  text-decoration:none;  }
.post-body {  font-size: 18px;  line-height: 1.5;  font-weight: normal;  padding: 0;  margin: 0;  text-transform:auto;  word-wrap:break-word; color: #3e3e3e;  }
.post-body img{  position:relative;  } .post-body .separator {clear:both;text-align:center}
.post-meta, .post-header {  margin-bottom: 10px;  width: 100%;  color: #036;  font-family: 'open-sans', sans-serif;  font-size: 12px;  text-transform: uppercase;  }
.post-meta a, .post-header a {  color: #036;  }
.post-meta a:hover, .post-header a:hover {  color: #e15100;  }
.post-meta {  padding: 10px 0 0;  }
.post-timestamp { margin: 0 0 0 0; }
.rmlink a {  float: right;  font-weight: bold;  }
/******************************************
Misc
******************************************/
/***** Page Nav CSS *****/
#blog-pager {  text-align: center; margin: 2em 0;  overflow: visible;  font-weight: bold;  font-size: 14px;  padding: 2% 2%;  }
.showpageOf {  display:none;  }
.showpagePoint {  background: #003366;  color: #FFFFFF;  padding: 10px 20px;  text-decoration: none;  border-radius: 5px;  -moz-border-radius: 5px;  -o-border-radius: 5px;  -webkit-border-radius: 5px;  }
.showpage a, .showpageNum a {  background: #3E3E3E;  color: #fff;   padding: 10px 20px;  text-decoration: none;  border-radius: 5px;  -moz-border-radius: 5px;  -o-border-radius: 5px;  -webkit-border-radius: 5px;     -moz-transition: all 0.2s ease-in-out;  -webkit-transition: all 0.2s ease-in-out;  -webkit-border-radius: 5px;  transition: all 0.2s ease-in-out;  }
.showpage a:hover, .showpageNum a:hover {  background: #003366;  color: #fff;  text-decoration: none;  }
.home-link, #blog-pager-newer-link a, #blog-pager-older-link a {  background: #003366;  color: #fff;  display: inline-block;  padding: 10px 20px;  }
.home-link {  margin: 0 10px;  }
.home-link:hover, #blog-pager-newer-link a:hover, #blog-pager-older-link a:hover {   background: #3E3E3E;  color: #FFFFFF;  text-decoration: none;  }
/***** Post Highlighter CSS *****/
.post blockquote {  background: url("http//1.bp.blogspot.com/-8PkGghEsXjg/Ubqacy-bWtI/AAAAAAAAEkU/c7G1mZ_rPyM/s000/blockquote.png") no-repeat scroll 0 0 transparent;  border: medium none;  margin: 5px 5px 50px;  padding: 25px 30px 5px 70px;  color: #999999;  font-style: italic;  } .post blockquote { color: #e15100;}
code {  font-family: "Courier New",monospace;  font-size: 12px;  background: #eee;  }
/*****************************************
custom widget CSS
******************************************/
/***** Page Header CSS *****/
.page-header .inner {  background-color: #F5F5F5;  border-bottom: 1px solid #E4E4E4;  border-top: 1px solid #E4E4E4;  clear: both;  margin: 0 auto;  overflow: hidden;  padding: 30px 0;  }
.page-header p {  font-size: 38px;  text-transform: capitalize;  font-weight: 700;  display: inline-block;  }
.page-header .button {  float: right;  border: none; font-size: 24px !important;  }
/***** Form CSS *****/
input, textarea, select {  padding: 10px 15px;  }
textarea {  min-height: 200px;  padding: 10px;  resize: both;  width: 100%;  }
select, option {  cursor: pointer;  padding: 5px 7px;  }
form {  max-width: 100%;  }
form input, form textarea {  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  }
form input[type="text"] {   width: auto;  border: 1px solid #ccc;  -moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;  -webkit-box-shadow: 0 1px 1px #036 inset, 0 1px 0 #fff;  box-shadow: 0 1px 1px #036 inset, 0 1px 0 #fff;  }
form input[type="text"]:focus {  outline: 0;  border-color: #aaa;  -moz-box-shadow: 0 1px 1px #036 inset;  -webkit-box-shadow: 0 1px 1px #036 inset;  box-shadow: 0 1px 1px #036 inset;  }
form input[type="text"]::-webkit-input-placeholder, form input[type="text"]:-moz-placeholder, form input[type="text"]:-ms-input-placeholder {  color: #036;  font-weight: normal;  }
form input[type="submit"] {  width: auto;  }
/***** Button CSS *****/
input[type="submit"], button, .button {  -moz-transition: all 0.2s ease-in-out;  -moz-border-radius: 5px;  -webkit-transition: all 0.2s ease-in-out;  -webkit-border-radius: 5px;  background-color: #036;  border: none;  border-radius: 5px;  color: #fff;  cursor: pointer;  font-weight: 700;  text-decoration: none;  transition: all 0.2s ease-in-out;  display: inline-block;  }
input[type="submit"]:hover, button:hover, .button:hover {  background-color: #e15100;  color: #fff;  border: none;  text-decoration: none;  }
input.small[type="submit"], button.small, .button.small {  font-size: 14px;  line-height: normal;  padding: 2px 5px;  }
input.medium[type="submit"], button.medium, .button.medium {  font-size: 16px;  line-height: normal;  padding: 5px 10px;  }
input.large[type="submit"], button.large, .button.large {  font-size: 18px;  line-height: normal;  padding: 10px 20px;  }
/***** Table CSS *****/
.entry-content table, .entry-content table.table {  border: 1px solid #E4E5E5;  border-collapse: collapse;  border-spacing: 0;  margin: 0 0 20px;  width: 100%;  }
.entry-content table th, .entry-content table.table th {  background: #3f3f3f;  border-color: #e4e5e5;  border-style: none none solid;  border-width: 0 0 1px;  color: #FFFFFF;  font-size: 16px;  font-weight: bold;  padding: 10px;  text-align: left;  }
.entry-content table td, .entry-content table.table td {  border: 0 none;  color: #000;  padding: 10px;  text-align: left;  }
.entry-content table.table td {  background: #F0F0F0;  border-bottom: 1px solid #e4e5e5;  }
.entry-content table.table td.even {  background: #FBFBFB;  }
/***** Profile Widget CSS *****/
.Profile img { border:1px solid #cecece; background:#fff; float:left; margin:5px 10px 5px 0; padding:5px;  -webkit-border-radius: 50px;   -moz-border-radius: 50px;   border-radius: 50px; }
.profile-data { color:#999999; font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif; font-variant:small-caps; margin:0; text-transform:capitalize;}
.profile-datablock { margin:0.5em 0;}
.profile-textblock { line-height:1.6em; margin:0.5em 0;}
a.profile-link { clear:both; display:block; font:80% monospace; padding:10px 0; text-align:center; text-transform:capitalize;}
/***** Home Page Social Icons CSS *****/
#home-featured {  overflow: hidden;  width: 100%;  }
#home-featured ul {  display: inline-block;  margin: 0;  padding: 60px 0;  width: 100%;  border-bottom: 5px solid #F5F5F5;  }
#home-featured a.icon-facebook, #home-featured a.icon-facebook:hover, #home-featured a.icon-google, #home-featured a.icon-google:hover, #home-featured a.icon-instagram, #home-featured a.icon-instagram:hover, #home-featured a.icon-twitter, #home-featured a.icon-twitter:hover {  -moz-border-radius: 50%;  -webkit-border-radius: 50px;  background: #003366 url("http://4.bp.blogspot.com/-y0sIKTO7Vvk/UYpAaucAT-I/AAAAAAAAEds/-MG8VoMN77Q/s1600/");  border-radius: 50%;  display: block;   height: 140px;  margin: 0 auto 30px;  padding: 0;   text-indent: -9999px;  width: 140px;  }
#home-featured a.icon-facebook:hover, #home-featured a.icon-google:hover, #home-featured a.icon-instagram:hover, #home-featured a.icon-twitter:hover {  background: #e15100 url("http://4.bp.blogspot.com/-y0sIKTO7Vvk/UYpAaucAT-I/AAAAAAAAEds/-MG8VoMN77Q/s1600/");  }
#home-featured a.icon-facebook, #home-featured a.icon-facebook:hover {  background-position: 0 0;  }
#home-featured a.icon-google, #home-featured a.icon-google:hover {  background-position: -138px 0;  }
#home-featured a.icon-instagram, #home-featured a.icon-instagram:hover {  background-position: 0 -138px;  }
#home-featured a.icon-twitter, #home-featured a.icon-twitter:hover {  background-position: -138px -138px;  }
.home-featured-1, .home-featured-2, .home-featured-3, .home-featured-4 {  float: left;  margin: 0;  overflow: hidden;  text-align: center;  width: 25%;  }
/*****************************************
Sidebar CSS
******************************************/
.widget {margin: 0}
.sidebar { margin: 0; padding: 0 10px 30px; display:block;  font-size: 16px;}
.sidebar h2, .sidebar h5 {  font-size: 14px;  font-weight: bold;  color: #3e3e3e;  text-transform: uppercase;  padding: 5px 10px 5px 0;  letter-spacing: 2px;  }
.sidebar .widget {  margin-bottom: 10px; } #AdSense1, #vlog, #ContactForm1, #PopularPosts2, #Feed1, #Feed2, #Feed3, #Feed4, #Feed5, #Feed6, #Feed7 {border:0px;max-height:100px !important; overflow:hidden !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} #AdSense1:hover, #vlog:hover, #ContactForm1:hover, #PopularPosts2:hover, #Feed1:hover, #Feed2:hover, #Feed3:hover, #Feed4:hover, #Feed5:hover, #Feed6:hover, #Feed7:hover {max-height:100% !important;} #inline, .inline {display:inline ;}
.sidebar a { color: #003366;  text-decoration:none;  }
.sidebar a:hover {    color: #3e3e3e;  text-decoration:none;  }
.sidebar ul {  clear: both;  margin: 0;  padding: 0;  }
.sidebar ul li {  background: url("http://3.bp.blogspot.com/-7nJ9EQ0YkWo/UbqdwWktijI/AAAAAAAAEkw/bmvudScHo18/s1600/sidebar-li.png") no-repeat scroll left top transparent;  border-bottom: 1px dotted #e15100;  list-style-type: none;  margin: 0 0 5px 2px;  padding: 1px 0 5px 14px !important;  }
/*****************************************
Footer CSS
******************************************/
#footer {  background: #3e3e3e;  margin: 30px 0 0;  padding: 50px 0 30px;  width: 100%;  font-size: 13px;  text-align: center;  }
.footer-bottom {  bottom: 0;  padding: 0;  z-index: 100;  }
.footer-bottom a {  color: #999;  }
.footer-bottom a:hover {  text-decoration: none;  color: #fff;  }
.footer-bottom p {   color: #999;   padding: 9px 0;  }
.footer-bottom .attribution{  margin: 0 0 15px;  }
/***** Footer Nav CSS *****/
.footer-nav {  position: relative;  width: 100%;  z-index: 1000;  }
.footer-nav ul {  width: 100%;  padding: 0;  margin: 0 0 10px;  }
.footer-nav li {  list-style-type: none;  display: inline-block;  padding: 0;  margin: 0 30px;  }
.footer-nav li a {  color: #fff;  font-weight: bold;  text-transform: uppercase;  letter-spacing: 2px;  }
.footer-nav ul li a:hover, .footer-nav ul li a:active {  text-decoration: none;  color: #999;  }
/*****************************************
Comments CSS
******************************************/
.comments {  clear:both;  margin: 0;  padding: 10px 0 0;  }
.comments h4 {  font-size: 24px;  }
#comments-block .avatar-image-container.avatar-stock img{border-width:0;padding:1px}
#comments-block .avatar-image-container{    height:37px;    left:-45px;    position:absolute;    width:37px}
#comments-block.avatar-comment-indent{margin-left:45px;position:relative}
#comments-block.avatar-comment-indent dd{margin-left:0}
iframe.avatar-hovercard-iframe{border:0 none;padding:0;width:25em;height:9.4em;margin:.5em}
.comments .comments-content{margin-bottom:16px}
.comments .comments-content .comment-thread ol{  margin: 20px 0 0;  overflow:hidden;}
.comments .comments-content .inline-thread{    padding: 0;}
.comments .comments-content .comment-thread{    margin: 0;}
.comments .comments-content .comment-thread:empty{    display:none}
.comments .comments-content .comment-replies{    margin-left:0px;margin-top:0px;}
.comments .comments-content .comment, .comments .avatar-image-container{padding:4px;}
.comments .comments-content .comment:first-child{padding-top:4px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{  position:relative;  }
.comments .comments-content .user {  font-weight: normal;  text-transform: capitalize;  }
.comments .comments-content .user a {  color: #3E3E3E;  }
.comments .comments-content .icon.blog-author{  display:inline-block;  height:18px;  margin:0 0 -4px 6px;  width:18px;  }
.comments .comments-content .datetime{  font-size:12px;  margin-left:0;  line-height:14px;  display:block;  margin-right:10px;  font-weight: bold;  }
.comments .comments-content .datetime a {  color: #003366;  }
.comments .comments-content .datetime a:hover {  text-decoration:none; }
.comments .comments-content .comment-header {  position:relative;    min-height:37px;    line-height:37px;    padding-left:45px; }
.comments .comments-content .comment-content{  padding: 7px 0 0;    position: relative;  font-size: 16px;  }
.comments .comments-content .owner-actions{position:absolute;right:0;top:0}
.comments .comments-replybox{border:none;height:250px;width:100%}
.comments .comment-replybox-single{margin-left:4px;margin-top:5px}
.comments .comment-replybox-thread{ margin:5px 25px; }
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:none;}
.comments .continue{ cursor:pointer; display:inline-block; margin:0 0 0 50px;}
.comments .continue a{display:block; font-weight:bold; }
.comments .comments-content .loadmore{cursor:pointer;margin-top:3em;max-height:3em}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;margin:.3em;overflow:visible;padding-right:4px;width:7px}
.comments .avatar-image-container{ padding-left:0; margin: 5px 10px 5px 0; max-height:48px; width:48px; }
.comments .avatar-image-container img{  max-width:48px; width:48px;  display:block;  }
.comments .comment-block{  margin-left:0px;  position:relative;  }
.comments .comments-content .comment{  border-left: 5px solid #F5F5F5;  list-style: none outside none;  margin: 0px 13px 15px 0;  padding: 0 0 0 20px;  }
#comment-editor{  text-align:center;margin: 2%;  }
.comments .continue a, .comments .comment .comment-actions a {  font-size: 14px;  font-weight: bold;  }
.comments .continue a:hover, .comments .comment .comment-actions a:hover {  text-decoration: none;  }
.comment-form {max-width:98%;margin:0 2%;}
.fb-recommendations-bar{opacity:70%}.fb-recommendations-bar:hover{opacity:100%}
#print {display:;top:0;left:0;}
/*****************************************
Responsive styles
******************************************/
@media screen and (max-width: 1100px) {
.main-wrapper{  margin: 0 !important;  width:100%;  min-height: 0px;  }
.sidebar-wrapper{   position:relative; top:auto;  right:auto;  clear:both;  left:auto;  padding: 0;  width:auto;  background: none;  }
.sidebar-wrapper .widget {  border: none;  margin: 0px auto 10px auto;  padding: 10px 20px;  }
}
@media screen and (max-width: 960px) {
#header {  float:none;  max-width:none;  text-align:center;  }
#header-inner {  margin-bottom:0px;  }
#header span.title {  margin-right:0px;  }
#header p.description {  margin:0;  }
.main-nav-main ul {  text-align: center;  }
.main-nav-main li {  float: none;  }
.footer-bottom .attribution{  text-align: center;  }
}
@media screen and (max-width: 850px){
.page-header .inner .ct-wrapper {  padding: 0 48px; text-align:center}
.page-header .button {float:none}
}
@media screen and (max-width: 768px){
.header-wrapper {  margin-right: 0;  width: 100%;  }
#header {  text-align: center;  width: 100%;  max-width: none;  }
#header-inner {   margin:30px 0 0;  }
.main-nav-main {  border-bottom: 0;  }
.home-featured-1, .home-featured-2, .home-featured-3, .home-featured-4 {  padding: 20px 0;  width: 50%;  }
.outer-wrapper {  padding: 0;  }
#content {  padding: 5px;  clear: both;  }
#comment-editor {  margin:10px;  }
}
@media screen and (max-width: 500px){
#header img {  width:100%;  }
#header span.title, #header span.title a {  font-size: 28px;  }
.page-header .inner .ct-wrapper {  padding: 0 10px; }
.home-featured-1, .home-featured-2, .home-featured-3, .home-featured-4 {  padding: 20px 0;  width: 100%;  }
.post-outer {  width: 100% !important;  }
}
@media screen and (max-width: 420px){
.comments .comments-content .datetime{  display:block;  float:none;  }
.comments .comments-content .comment-header {  height:70px;  }
}
@media screen and (max-width: 320px){
.comments .comments-content .comment-replies {  margin-left: 0;  }
}
